<template>
  <view class="container">
    <text class="title">用户协议</text>
    <scroll-view scroll-y="true" class="content">
      <text class="paragraph">
        欢迎您使用本应用！
      </text>
      <text class="paragraph">
        请您务必仔细阅读本协议，特别是免除或者限制责任的条款、法律适用和争议解决条款。
        如您对本协议的任何条款有疑问，请联系我们。
      </text>
      <text class="paragraph">
        当您点击同意本协议，或以任何方式使用本应用服务时，即表示您已充分阅读、理解并接受本协议的全部内容，
        并与我们达成一致，成为本应用的注册用户，受到本协议的约束。
      </text>
      <text class="paragraph">
        1. 用户信息收集与使用：
        为向您提供服务，我们可能会收集您的以下信息：
        - 您在使用本应用时主动提供的信息，例如您的昵称、头像、手机号码等。
        - 您在使用本应用时产生的操作信息，例如您的浏览记录、收藏内容、订单信息等。
        - 您的设备信息，例如设备型号、操作系统版本、IP地址等。
        我们承诺对您的个人信息严格保密，并采取一切合理措施保护您的隐私。
        我们不会将您的个人信息出售、出租或以其他方式披露给任何第三方，除非获得您的明确同意或法律法规另有规定。
      </text>
      <text class="paragraph">
        2. 服务内容：
        本应用提供以下服务：
        - 商品浏览与购买
        - 积分兑换与管理
        - 个人资料编辑与管理
        - 其他相关服务
      </text>
      <text class="paragraph">
        3. 用户行为规范：
        您在使用本应用服务时，应遵守国家法律法规、社会公德和本协议的规定，不得从事以下行为：
        - 发布、传播含有违法、违规、淫秽、色情、暴力、赌博等内容的信息。
        - 侵犯他人合法权益，包括但不限于知识产权、肖像权、隐私权等。
        - 利用本应用进行任何非法活动。
        - 破坏或干扰本应用的正常运行。
        对于您违反本协议的行为，我们有权采取包括但不限于中止或终止服务、删除相关信息、追究法律责任等措施。
      </text>
      <text class="paragraph">
        4. 免责声明：
        - 本应用不对因不可抗力、网络故障、系统维护等非本应用原因导致的服务中断或损失承担责任。
        - 对于第三方提供的商品或服务，本应用不承担任何担保责任。
        - 您应自行承担使用本应用服务可能存在的风险，并对您的行为及其后果承担全部责任。
      </text>
      <text class="paragraph">
        5. 协议修改：
        我们有权根据业务发展、法律法规变化等情况，随时修改本协议。
        修改后的协议将通过本应用公布，一经公布即生效。
        如您不接受修改后的协议，请立即停止使用本应用服务。
        您继续使用本应用服务，即视为您已接受修改后的协议。
      </text>
      <text class="paragraph">
        6. 法律适用与争议解决：
        本协议的解释、效力及争议解决均适用中华人民共和国法律。
        因本协议引起的任何争议，双方应首先通过友好协商解决；协商不成的，任何一方均可向有管辖权的人民法院提起诉讼。
      </text>
      <text class="paragraph">
        感谢您的使用，祝您购物愉快！
      </text>
    </scroll-view>
  </view>
</template>

<script setup lang="ts">
// 可以根据需要添加页面生命周期或其他逻辑
</script>

<style>
.container {
  padding: 20px;
  background-color: #f5f5f5;
  min-height: 100vh;
}

.title {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  color: #333;
}

.content {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  height: calc(100vh - 80px); /* 适应屏幕高度 */
}

.paragraph {
  font-size: 14px;
  line-height: 1.8;
  color: #555;
  margin-bottom: 15px;
  text-align: justify;
}

.paragraph:last-child {
  margin-bottom: 0;
}
</style> 